﻿@charset "utf-8";
@font-face {
	font-family: 'FZKTFW';
	src: url('../fonts/FZKTFW.ttf') format('truetype');
}

/*header*/
.lh-header{position:fixed; left:0; top:0; right:0; height: 80px;  z-index:100;  }
.lh-header:before{content:''; display:block; width:304px; height:70px; /* background:url(../images/icon1.png) no-repeat center; */ position:absolute; left:0; bottom:-7px; z-index:-1;}
.lh-header:after{content:''; display:block; width:343px; height:59px; background:url(../images/icon2.png) no-repeat center; position:absolute; right:-10px; bottom:0; z-index:-1;}
.lh-logo{position:absolute; left:5.2vw; top:18px;}
.lh-nav{position:absolute; right:10vw; top:0; line-height:100px;}
.lh-nav li{float:left;}
.lh-nav li a{display:block; padding:0 2.34vw; font-size:18px; color:#333; position:relative;}
.lh-nav li a:hover{color:#f8d9a4;}
.lh-nav li a:before{content:''; display:block; width:1px; height:24px; border-left:1px dotted #BEBEBE; position:absolute; left:0; top:50%; margin-top:-12px;}
.lh-nav li.on a{background:#3E5D4C; color:#f8d9a4;}
.lh-nav li.on a:before{display:none;}
.lh-nav li:first-child a:before{display:none;}
.lh-banner{position:relative; width:100%; height:100%; min-width:1500px; overflow:hidden;}
.lh-banner-text{position:absolute; left:5.2vw; bottom:2.8vw; z-index:10; color:#fff;}
.lh-banner-text ul{float:left;}
.lh-banner-text ul li{float:left; width:3px; height:20px; background:#F4D6A2; margin:0 8px; position:relative; text-indent:-9999px; cursor:pointer;}
.lh-banner-text ul li:before{content:''; display:block; width:100%; height:100%; background:#F4D6A2; position:absolute; left:0; bottom:0; transition:ease .65s;}
.lh-banner-text ul li.on:before{height:40px;}
.lh-banner-text span{float:left; font-size:20px; color:#F4D6A2; font-family:'Arial'; padding-left:94px; position:relative; margin-left:5px;}
.lh-banner-text span:before{content:''; display:block; width:84px; height:1px; background:rgba(244,214,162,.6); position:absolute; left:0; top:50%;}
.lh-banner-page{width:54px; height:54px; display:block; background:url(../images/icon3.png) no-repeat center; position:absolute; right:10vw; bottom:2.8vw;}
.lh-banner-page:hover{opacity:.8; transform:translateY(5px);}
.lh-about{padding: 80px 0 100px;background:#f2f6f6 url(../images/icon10.png) no-repeat center bottom;position:relative;z-index:1;}
.lh-about:before{content:''; display:block; width:177px; height:86px; background:url(../images/icon4.png) no-repeat center; position:absolute; left:2vw; top:20%; z-index:-1;}
.lh-about:after{content:''; display:block; width:183px; height:57px; background:url(../images/icon7.png) no-repeat center; position:absolute; right:0; top:40%; z-index:-1;}

.lh-about1{padding: 40px 0 60px;background:#f2f6f6 url(../images/icon10.png) no-repeat center bottom;position:relative;z-index:1;}
.lh-about1:before{content:''; display:block; width:177px; height:86px; background:url(../images/icon4.png) no-repeat center; position:absolute; left:2vw; top: 4.25vw; z-index:-1;}
.lh-about1:after{content:''; display:block; width:183px; height:57px; background:url(../images/icon7.png) no-repeat center; position:absolute; right:0; top: 40%; z-index:-1;}

.lh-index{width:1300px; margin:auto; position:relative;}
.lh-about-h2{font-size:42px; color:#3e5d4c; text-align:center;}
.lh-about-h2 span{position:relative;}
.lh-about-h2 span:before{content:''; display:block; width:81px; height:27px; background:url(../images/icon5.png) no-repeat center; position:absolute; left:-80px; top:-20px;}
.lh-about-h2 span:after{content:''; display:block; width:59px; height:35px; background:url(../images/icon6.png) no-repeat center; position:absolute; right:-70px; bottom:0;}
.lh-about-a{position:relative; padding:60px 0; float:right; width:1048px;}
.lh-about-a .bd li img{transition:ease 1.5s;}
.lh-about-a .bd li{position:relative;}
.lh-about-a .bd li a{display:block;position:relative;}
.lh-about-a .bd li a:before{content:''; display:block; width:100%; height:100%; background:rgba(0,0,0,.5); position:absolute; left:0; top:0; transition:ease 2s; z-index:1;}
.lh-about-a .bd li a:hover:before{transform: matrix3d(0.930111, -0.0260031, 0, -8.93578e-05, -0.0458936, 0.930111, 0, -0.000101986, 0, 0, 1, 0, 13.355, 11.7014, 0, 1); transform-origin: 0px 0px 0px;}
.lh-about-a .bd li a:hover img{transform: matrix3d(0.930111, -0.0260031, 0, -8.93578e-05, -0.0458936, 0.930111, 0, -0.000101986, 0, 0, 1, 0, 13.355, 11.7014, 0, 1); transform-origin: 0px 0px 0px;}
.lh-about-btn{text-align:right; margin-top:27px;}
.lh-about-btn ul,.lh-about-btn ul li{display:inline-block;}
.lh-about-btn ul li{width:2px; height:10px; background:#3E5D4C; position:relative; margin:0 6px; text-indent:9999px; cursor:pointer;}
.lh-about-btn ul li:before{content:''; display:block; width:100%; height:20px; background:#3E5D4C; position:absolute; left:0; bottom:0; transition:ease .65s; transform:scaleY(0); transform-origin:center bottom;}
.lh-about-btn ul li.on:before{transform:scaleY(1);}
.lh-about-btn a{font-size:18px; font-weight:bold; color:#BDBDBD;}
.lh-about-btn a:hover{color:#3E5D4C;}
.lh-about-b{position:absolute; left:0; bottom:0; width:604px; height:400px; background:#fff; box-shadow:0 0 10px rgba(0,0,0,.1); z-index:3; padding:45px;}
.lh-about-b .logo{position:absolute; right:35px; top:-58px; transition:ease 1s; transform-origin:center;}
.lh-about-b:hover .logo{transform:rotateY(360deg);}
.lh-aboutc-l{font-size:32px; position:relative; width:98px;}
.lh-aboutc-l h2,.lh-aboutc-l h3{width:32px; font-weight:bold; line-height:32px;}
.lh-aboutc-l h2{position:absolute; left:37px; top:0;}
.lh-aboutc-l h3{padding-top:40px;}
.lh-aboutc-l h4{font-size:18px; color:#999999; position:relative; margin-top:5px;}
.lh-aboutc-l h4:before{content:''; display:block; width:37px; height:37px; background:url(../images/icon9.png) no-repeat center; position:absolute; right:15px; bottom:30px;}
.lh-aboutc-r{margin:50px 0 0 20px;}
.lh-aboutc-r li{font-size:14px; color:#666; line-height:14px; margin-top:10px; position:relative; padding-left:20px;font-family:"Microsoft JhengHei"; font-weight:bold;}
.lh-aboutc-r li:before{content:''; display:block; width:8px; height:8px; border:1px solid #436150; border-radius:50%; position:absolute; left:2px; top:3px;}
.lh-aboutc-r li:after{content:''; display:block; width:12px; height:12px; border:1px solid #436150; border-radius:50%; position:absolute; left:0; top:1px;}
.lh-about-d{margin-top:25px; padding:20px 0 0 0; border-top:1px dotted #BEBEBE; line-height:24px; color:#888; font-size:14px; font-family:"Microsoft JhengHei"; position:relative;}
.lh-about-d:before{content:''; display:block; width:8px; height:8px; background:#3E5D4C; position:absolute; left:0; top:-4px; animation:slider linear 2.5s infinite;}
@keyframes slider{
	0%{left:0;}
	100%{left:99%;}	
}
.lh-about-d a{display:inline-block; margin-top:30px; color:#3e5d4c; padding-left:54px; position:relative; font-weight:bold;}
.lh-about-d a:before{content:''; display:block; width:40px; height:1px; background:#3e5d4c; position:absolute; left:0; top:50%; transition:ease .65s;}
.lh-about-d a:hover:before{width:50px;}
.lh-about-d a:hover{padding-left:64px;}
.lh-container{background:#fff; position:relative; z-index:2; min-width:1500px;}
.about-svg{width:100%; height:100%; position:absolute; left:0; top:0; fill:none;stroke:rgba(0,0,0,.1);stroke-width:1;stroke-dasharray:5;stroke-dashoffset: 100;animation: dash 5s linear infinite;}
@keyframes dash {
  to{stroke-dashoffset: 0;}
}
.lh-product{position:relative; z-index:2; margin-top:-120px; min-width:1200px;}
.lh-about-h2.product span:before{width:86px; height:10px; background:url(../images/icon11.png) no-repeat center; left:-63px; top:-15px;}
.lh-about-h2.product span:after{width:42px; height:37px; background:url(../images/icon12.png) no-repeat center; right:-50px; bottom:-7px;}
.lh-product-item{margin-top:70px; min-width:1300px;}
.lh-product-item li{flex:1; position:relative;}
.lh-product-item li a{display:block; position:relative; overflow:hidden;}
.lh-product-item li:before{content:''; display:block; width:1px; height:100%; background:#fff; position:absolute; left:0; top:0; z-index:2;}
.lh-product-item li:first-child:before{display:none;}
.lh-product-item li .text{width:120px; height:340px; color:#fff; position:absolute; left:50%; top:50%; margin:-170px 0 0 -60px; transition:ease .65s; z-index:2;}
.lh-product-item li .img:before{content:''; display:block; width:100%; height:100%; background:rgba(0,0,0,.5); position:absolute; left:0; top:0; transition:ease .65s; z-index:1;}
.lh-product-item li img{transition:ease .65s;}
.lh-product-item li a:hover img{transform:scale(1.2);}
.lh-product-item li a:hover .img:before{}
.lh-product-item li a:before{content:''; display:block; width:120px; height:340px; background:#3E5D4C; position:absolute; left:50%; top:50%;margin:-170px 0 0 -60px; transition:ease .65s; z-index:1;  transform:scale(2);}
.lh-product-item li a:hover:before{transform:scale(1); opacity:1;}
.lh-product-item li a:hover h3:before{background:#758266;}
.lh-product-item li a:hover h3:after{top:99%;}
.lh-product-item li a:hover .text:before,.lh-product-item li a:hover .text:after{opacity:1;}
.lh-product-item li a:hover .text:after{transform:scale(1);}
.lh-product-item li .text h2{font-size:32px; width:32px; position:absolute; right:20px; top:20px; line-height:32px;}
.lh-product-item li .text h3{font-size:14px; letter-spacing:1px;font-family: "Microsoft JhengHei"; position:absolute; left:20px; top:20px;writing-mode: vertical-lr;writing-mode: tb-lr;}
.lh-product-item li .text h3:before{content:''; display:block; width:1px; height:100%; background:#7B7775; position:absolute; right:-15px; top:0; transition:ease .65s;}
.lh-product-item li .text h3:after{content:''; display:block; width:7px; height:7px; background:#F4D6A2; position:absolute; right:-18px; top:0; transition:ease .65s;}
.lh-product-item li .text:before{content:''; display:block; width:71px; height:44px; background:url(../images/icon16.png) no-repeat center; position:absolute; right:10px; bottom:10px; z-index:-1;transition:ease .65s; }
.lh-product-item li .text:after{content:''; display:block; width:94%; height:98%; border:1px solid #657D70; position:absolute; left:3%; top:1%; z-index:-1; transition:ease .65s;  transform:scale(0);}
.lh-news{padding:110px 0; background:#f2f6f6;min-width:1200px; overflow:hidden;}
.lh-about-h2.news span:before{width:80px; height:19px; background:url(../images/icon13.png) no-repeat center; top:-30px;}
.lh-about-h2.news span:after{width:28px; height:34px; background:url(../images/icon14.png) no-repeat center;right:-40px;}
.lh-news-l{width:65px; height:172px; position:relative; font-size:30px; font-weight:bold; z-index:1; margin-top:30px;}
.lh-news-l:before{width:100%; height:8px; border-left:2px solid #9FB798; border-top:2px solid #9FB798; position:absolute; left:0; top:0; display:block; content:'';}
.lh-news-l:after{width:100%; height:8px; border-right:2px solid #9FB798; border-bottom:2px solid #9FB798; position:absolute; left:0; bottom:0; display:block; content:'';}
.lh-news-l h2{position:absolute; right:3px; top:15px; width:30px; line-height:32px;}
.lh-news-l h3{position:absolute; left:3px; top:60px; width:30px; line-height:32px;}
.lh-news-l h4{font-size:18px; color:#999999; position:absolute; right:3px; bottom:15px;writing-mode: vertical-lr;}
.lh-news-l h4:before{content:''; display:block; width:31px; height:30px; background:url(../images/icon15.png) no-repeat center; position:absolute; left:-40px; bottom:0;}
.lh-news-item{width:1200px;}
.lh-news-item li a:after{content:''; display:block; clear:both;}
.lh-news-item li{border-bottom:1px dashed #BEBEBE; position:relative;}
.lh-news-item li:before{content:''; display:block; width:100%; height:1px; border-bottom:1px dashed #3E5D4C;position:absolute; left:0; bottom:-1px; transition:ease .65s; transform:scaleX(0); transform-origin:left center;}
.lh-news-item li:hover:before{transform:scaleX(1);}
.lh-news-item li a{display:block; position:relative; padding:30px 20px;}
.lh-news-item li .time,.lh-news-item li .img,.lh-news-item li .text{float:left;}
.lh-news-item li .time{font-family:'Arial';color:#999; margin-top:10px;}
.lh-news-item li .time h2{font-size:24px; text-align:center; border-bottom:1px solid #CDCDCD; padding-bottom:5px; margin-bottom:5px; transition:ease .65s;}
.lh-news-item li .time h3{text-align:right;transition:ease .65s;}
.lh-news-item li .img{width:200px; height:100px; display:flex; align-items:center; justify-content:center; margin:0 50px 0 35px;}
.lh-news-item li .text{width:1080px;font-family: "Microsoft JhengHei";}
.lh-news-item li .text h2{font-size:18px; font-weight:bold; color:#333; height:20px; line-height:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;transition:ease .65s;}
.lh-news-item li .text h3{line-height:24px; color:#666; margin-top:20px; height:48px; overflow:hidden;}
.lh-news-main{margin-top:30px;}
.lh-news-item li:hover .text h2{color:#3E5D4C;}
.lh-news-item li:hover .time h2{transform:scale(.8); transform-origin:center right;}
.lh-news-item li:hover .time h3{transform:scale(1.2); transform-origin:center right;}
.lh-footer{background:url(../images/footer-bg.jpg) no-repeat center; background-size:cover;min-width:1500px;}
.lh-footer-a{padding:55px 0; text-align:center;}
.lh-footer-logo{width:270px; display:block; margin:auto;}
.lh-footer-a .text{font-size:18px; line-height:32px; color:#000; font-weight:bold; margin:30px auto;width: 60%;}
.lh-footer-a .tel h2{font-size:18px; color:#000; font-weight:bold; line-height:34px;}
.lh-footer-a .tel h2 i{font-size:34px; color:#077739; font-weight:normal; margin-right:10px; position:relative; top:5px;}
.lh-footer-a .tel h3{font-size:42px; color:#077739; font-weight:bold; font-style:italic;}
.lh-footer-a .ewm{width:140px; border:1px solid #077739; margin:10px auto;}
.lh-share{text-align:center;}
.lh-share a{display:inline-block !important; width:40px !important; height:40px !important; text-align:center !important; line-height:40px !important; border-radius:50%; background:#fff !important; font-size:24px !important; color:#077739 !important; margin:0 10px !important; opacity:1 !important;}
.lh-share a:hover{background:#077739 !important; color:#fff !important; transform:rotate(360deg);}
.lh-share{margin:20px 0;}
.lh-footer-a .addr{color:#fff; font-size:18px; font-weight:bold; line-height:32px;}
.lh-footer-b{height:54px; background:#F7F7F7; color:#616161; line-height:54px; padding:0 11.97vw; font-family:"Microsoft JhengHei";}
.lh-footer-b a{color:#616161;}
.lh-footer-b a:hover{color:#000;}
.lh-ban{width:100%; height:620px; background-attachment:fixed; background-position:center 100px; background-repeat:no-repeat; position:relative;}
.lh-ban .text{color:#fff; width:90px; height:270px; position:absolute; left:50%; top:50%; margin:-135px 0 0 -45px; text-align:center; padding:25px 0;}
.lh-ban .text h2{font-size:42px;    width: 100%;
    padding: 0 20px;
    line-height: 46px;
    text-align: center;}
.lh-ban .text h3{font-size:18px; text-transform:uppercase; letter-spacing:2px; width:500px; position:relative; left:50%; margin-left:-250px; margin-top:15px;}
.lh-container.other{padding-top:100px; background:#fff url(../images/other-bg.jpg) no-repeat right bottom;}
.lh-ban .text .i1{width:100%; height:215px; border:1px solid #B8B099; display:block; position:absolute; left:0; top:0; border-bottom:none;}
.lh-ban .text .i1:before{content:''; display:block;width:96%; height:99%; border:1px solid #B8B099; border-bottom:none; position:absolute; left:2%; bottom:0;}
.lh-ban .text .i2{display:block; width:100%; height:15px; border:1px solid #B8B099; position:absolute; left:0; bottom:0; border-top:none;}
.lh-ban .text .i2:before{content:''; display:block;width:96%; height:88%; border:1px solid #B8B099; border-top:none; position:absolute; left:2%; top:0;}
.lh-other-nav{height:60px; width:100%; min-width:1200px; background:#F1F1F1;font-family:"Microsoft JhengHei";}
.lh-other-l li{float:left; line-height:60px; position:relative; margin-left:40px;}
.lh-other-l li:first-child{margin-left:0;}
.lh-other-l li a{position:relative; padding:0 20px; line-height:26px; display:inline-block;}







.lh-other-l li a:before{content:''; display:block; width:6px; height:1px; background:#3E5D4C; position:absolute; left:10px; top:50%;}
.lh-other-l li.on a{background:#3E5D4C; color:#f5d7a2;}
.lh-other-l li.on a:before{background:#f5d7a2;}
.lh-other-r{line-height:60px; color:#999;}
.lh-other-r span{margin:0 5px;}
.lh-other-r a{color:#999;}
.lh-other-r a:hover{color:#3E5D4C;}
.lh-other-r i{font-size:24px; margin-right:10px;}
.lh-other-cont{padding:55px 0 95px;}
.lh-other-h{text-align:center; font-size:32px; line-height:32px;}
.lh-other-h span{position:relative;}
.lh-other-h span i{display:inline-block; width:18px; height:18px; border:1px solid #436150; border-radius:50%; margin-right:10px; position:relative; top:-2px;}
.lh-other-h span i:before{content:''; display:block; width:12px; height:12px; border:1px solid #436150; border-radius:50%; position:absolute; left:2px; top:2px;}
.lh-other-h span:after{content:''; display:block; width:59px; height:35px; background:url(../images/icon6.png) no-repeat center; position:absolute; right:-70px; bottom:-5px;}
.lh-about-main{margin-top:60px;font-family:'Microsoft JhengHei';}
.lh-about-e>.img{width:640px; padding:10px; border:1px solid #CDE4D7; margin-left:30px;}
.lh-about-f .logo{float:left;}
.lh-about-f{width:520px; border-bottom:1px dotted #BEBEBE; padding-bottom:35px; margin-bottom:20px;}
.lh-aboutc-r.two{margin:0;}
.lh-about-e>.text .main{font-size:14px; color:#666; line-height:29px; font-family:'Microsoft JhengHei';}
.lh-about-e>.text .main img{display:inline-block; max-width:100%; width:auto;}
.lh-team-h3{padding:0 35px 50px; line-height:30px; color:#666;}
.lh-team-item li{border:1px solid #CDE4D7; overflow:hidden; margin-bottom:30px; transition:ease .65s;}
.lh-team-item li .text{padding:35px 45px; width:800px;}
.lh-team-item li .text h2{font-size:20px;}
.lh-team-item li .text h3{color:#999; margin:10px 0 20px;}
.lh-team-item li .text h4{line-height:24px; color:#666; height:72px; overflow:hidden;}
.lh-team-item li .text h5{font-size:14px; color:#3e5d4c; font-weight:bold; font-family:'FZKTFW'; position:relative; padding-left:0;transition:ease .65s; top:20px; }
.lh-team-item li .text h5:before{content:''; display:block; width:0; height:1px; background:#3e5d4c; position:absolute; left:0; top:50%; transition:ease .65s;}
.lh-team-item li:hover .text h5:before{width:50px;}
.lh-team-item li:hover .text h5{padding-left:64px; opacity:1;}
.lh-team-item li:hover{border-color:#3E5D4C;}
.lh-team-item li .img{transition:ease .65s;}
.lh-team-item li:hover .img{transform:translateX(10px);}
.lh-page{text-align:center; margin-top:60px;}
.lh-page a{display:inline-block; text-align:center; line-height:30px; height:30px; width:30px; margin:0 10px; border-radius:50%; font-size:16px;font-family:'Microsoft JhengHei';}
.lh-page a.next,.lh-page a.prev{line-height:40px; width:40px; height:40px; background:#3E5D4C; color:#F4D6A2;}
.lh-page a.n i{font-size:20px;}
.lh-page a.next:hover{opacity:.8;}
.lh-page a.prev:hover{opacity:.8;}
.lh-page a.current{background:#3E5D4C; color:#F4D6A2;}
.lh-page a:hover{color:#F4D6A2;}
.lh-return{line-height:60px; font-size:20px; font-family:'FZKTFW';}
.lh-return i{width:30px; height:30px; display:block; float:left; border-radius:50%; background:#3E5D4C; color:#F4D6A2; text-align:center; line-height:30px; margin:15px 15px 0 0;}
.lh-teamRes-l{width:389px; position:relative;}
.lh-teamRes-l:after{content:''; display:block; width:110px; height:2px; background:#3E5D4C; position:absolute; right:-55px; top:30px;}
.lh-teamRes-l .img{border:1px solid #CDE4D7;}
.lh-teamRes-l h2{text-align:center; font-size:20px; margin-top:10px;}
.lh-teamRes-l h2 span{margin-left:10px; color:#999; font-size:14px;}
.lh-teamRes{font-family:'Microsoft JhengHei';}
.lh-teamRes-r{width:750px; padding-right:50px; line-height:24px; margin-top:70px;}
.lh-team-page{border-top:1px dotted #BEBEBE; margin-top:50px; padding-top:20px;font-family:'Microsoft JhengHei';}
.lh-team-page a{display:inline-block; max-width:45%; color:#666; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.lh-team-page a:hover{color:#3E5D4C;}
.lh-culture li{overflow:hidden; border-bottom:1px solid #C5CEC9; padding:30px 20px; position:relative;}
.lh-culture li:first-child{border-top:1px solid #C5CEC9;}
.lh-culture li .img{float:right;}
.lh-culture li:nth-child(2n) .img{float:left;}
.lh-culture li .text{text-align:center; margin-top:40px;}
.lh-culture li .text h2{font-size:20px; position:relative; margin-bottom:40px; display:inline-block;}
.lh-culture li .text h2:before{content:''; display:block; width:40px; height:2px; background:#3E5D4C; position:absolute; left:50%; bottom:-20px; margin-left:-20px;}
.lh-culture li .text h3{line-height:30px; color:#666;}
.lh-honor{padding:60px 0; border-top:1px solid #C5CEC9;border-bottom:1px solid #C5CEC9; position:relative;}
.lh-honor-banner li img{display:inline-block; width:auto;}
.lh-honor-banner li{width:380px;}
.lh-other-h.two span:after{width:37px; height:37px; background:url(../images/icon9.png) no-repeat center; right:-45px;}
.lh-spots-a{font-family:'Microsoft JhengHei'; width:1145px; margin-top:75px; height:336px;}
.lh-spots-a a{display:block; position:relative; width:100%; height:100%;border:5px solid #EBEBEB; }
.lh-spots-a .img{float:right; position:relative; top:-30px; right:-60px; transition:ease .65s;}
.lh-spots-a .text{text-align:center; padding:50px;}
.lh-spots-a .text h2{font-size:20px;}
.lh-spots-a .text h3{color:#999; margin:5px 0 15px;}
.lh-spots-a .text h4{color:#666; line-height:32px;}
.lh-spots-a .text h5{font-size:20px; position:relative;margin-bottom: 40px;display: inline-block;}
.lh-spots-a .text h5:before{content:''; display:block; width:40px; height:2px; background:#3E5D4C; position:absolute; left:50%; bottom:-20px; margin-left:-20px;}
.lh-spots-a .text p{font-size:14px; color:#3e5d4c; font-weight:bold; font-family:'FZKTFW'; position:relative; padding-left:0;transition:ease .65s; top:20px;  display:inline-block;}
.lh-spots-a .text p:before{content:''; display:block; width:0; height:1px; background:#3e5d4c; position:absolute; left:0; top:50%; transition:ease .65s;}
.lh-spots-item li:hover .text p:before{width:50px;}
.lh-spots-item li:hover .text p{padding-left:64px; opacity:1;}
.lh-spots-a a:hover .img{top:0; right:0;}
.lh-spots-a a:hover{border-color:#3E5D4C;}
.lh-spots-item li{margin-bottom:70px;}
.lh-spots-item li:nth-child(2n) .lh-spots-a .img{float:left; left:-60px; bottom:-30px; top:inherit;}
.lh-spots-item li:nth-child(2n) .lh-spots-a a:hover .img{left:0; bottom:0;}
.lh-contact-l{width:740px; background:url(../images/contact-bg1.jpg) no-repeat center; background-size:cover; padding:20px; height:1039px;}
.lh-contact-r{width:434px; background:url(../images/contact-bg2.jpg) no-repeat center;background-size:cover;padding:20px; height:1039px;}
.lh-container.contact .lh-ban .text{color:#3e5d4c;}
.lh-contact-h{font-size:32px; line-height:32px; padding-left:30px; position:relative;}
.lh-contact-h:before{content:''; display:block; width:18px; height:18px; border-radius:50%; border:1px solid #426150; position:absolute; left:0; top:50%; margin-top:-9px;}
.lh-contact-h:after{content:''; display:block; width:12px; height:12px; border-radius:50%; border:1px solid #426150; position:absolute; left:3px; top:50%; margin-top:-6px;}
.lh-contact-l ul{padding-left:35px;}
.lh-contact-l ul li{padding:25px 0; border-bottom:1px dashed #ACACAC; font-family:'Microsoft JhengHei'; overflow:hidden;}
.lh-contact-l ul li i{font-size:24px; color:#3E5D4C; margin-right:10px; position:relative; top:4px;}
.lh-contact-l ul li.wx{line-height:100px;}
.lh-contact-l ul li .ewm{float:right; border:1px solid #077739; width:100px;}
.lh-contact-l ul li:last-child{border-bottom:none;}
.lh-contact-l .map{padding-left:35px;}
.lh-map{border:1px solid #C6DDCF; height:475px; width:100%;}
.lh-contact-item{margin-top:50px;}
.lh-contact-item li{margin-bottom:20px;font-family:'Microsoft JhengHei'; }
.lh-contact-item li h2{margin-bottom:10px;}
.lh-contact-item li input,.lh-contact-item li textarea{width:370px; height:40px; border:1px solid #C6DDCF; padding:0 10px; background:none; transition:ease .65s;}
.lh-contact-item li textarea{height:200px; padding:10px;}
.lh-contact-item li input:focus,.lh-contact-item li textarea:focus{border-color:#3E5D4C;}
.lh-contact-r a{display:block; width:160px; height:40px; border-radius:5px; background:#3E5D4C; color:#f4d6a2; text-align:center; line-height:40px;font-family:'Microsoft JhengHei';}
.lh-contact-r a:hover{opacity:.8;}
.lh-recruit{background:url(../images/contact-bg3.jpg) no-repeat center; background-size:cover; padding:20px 20px 90px;}
.lh-recruit dl{padding-left:20px;font-family:'Microsoft JhengHei';}
.lh-recruit dl dt,.lh-recruit dl dd{border-bottom:1px dashed #ACACAC;}
.lh-recruit dl dt span{flex:1; height:54px; line-height:54px; font-size:18px; text-align:center;}
.lh-recruit-a{line-height:54px; height:54px; text-align:center; color:#666; position:relative; z-index:1;}
.lh-recruit-a span{flex:1;}
.lh-recruit-a span i{display:inline-block; transition:ease .65s;}
.lh-recruit-b{line-height:40px; color:#888;}
.lh-recruit-b>div{flex:1; padding-left:40px;}
.lh-recruit-b h2{font-size:16px; color:#333;}
.lh-recruit-c{background:#fff; padding:40px 0; display:none;}
.lh-recruit-c>a{display:block; width:120px; height:30px; background:#3E5D4C; color:#f4d6a2; margin:20px auto 0; text-align:center; line-height:30px;}
.lh-recruit-c>a:hover{opacity:.8;}
.lh-recruit-a{cursor:pointer;}
.lh-recruit dl dd.active .lh-recruit-a,.lh-recruit-a:hover{color:#f4d6a2;}
.lh-recruit-a:before{content:''; display:block; width:100%; height:100%;background:#3E5D4C; position:absolute; left:0; top:0; z-index:-1; transition:ease .65s; transform:scaleY(0); transform-origin:center top;}
.lh-recruit-a:hover:before,.lh-recruit dl dd.active .lh-recruit-a:before{transform:scaleY(1);}
.lh-recruit dl dd.active .lh-recruit-a i{transform:rotate(180deg);}
.lh-more{display:block; width:300px; height:40px; line-height:40px; text-align:center; background:#D5D5D5; color:#808080; border-radius:5px; margin:50px auto 0;}
.lh-more:hover{color:#fff; background:#3E5D4C;}
.lh-other-h.prodcut span:after{width:35px; height:31px; background:url(../images/icon12.png) no-repeat center; background-size:35px 31px; right:-45px;}
.lh-prod-item{margin-left:-40px;}
.lh-prod-item li{width:370px; margin:43px 0 0 43px; float:left; background:#fff; border-bottom:1px solid #DADADA; position:relative;transition:ease .65s;}
.lh-prod-item li .text{padding:20px; font-family:'Microsoft JhengHei';}
.lh-prod-item li .text h2{overflow:hidden; line-height:18px;}
.lh-prod-item li .text h2 span{float:left; width:75%; overflow:hidden; display:block; text-overflow:ellipsis; white-space:nowrap; font-size:18px;}
.lh-prod-item li .text h2 em{float:right; color:#3e5d4c; font-family:'FZKTFW'; font-weight:bold;  transform:translateX(-10px); transition:ease .65s;}
.lh-prod-item li .text h3{line-height:24px; color:#666; font-size:16px; height:48px; overflow:hidden; margin-top:15px;}
.lh-prod-item li:after{content:''; display:block; width:100%; height:1px; background:#3E5D4C; position:absolute; left:0; bottom:-1px; transform:scaleX(0); transform-origin:left center; transition:ease .65s;}
.lh-prod-item li:hover h2 em{opacity:1; transform:translateX(0);}
.lh-prod-item li:hover{box-shadow:0 0 10px rgba(0,0,0,.2);}
.lh-prod-item li:hover:after{transform:scaleX(1);}
.lh-prodcutRes-hd{text-align:center; margin-top:10px;}
.lh-prodcutRes-hd li{display:inline-block; margin:0 10px; position:relative; cursor:pointer; height:90px; overflow:hidden;}
.lh-prodcutRes-hd li:after{content:''; display:block; width:100%; height:100%; position:absolute; left:0; top:0; border:1px solid #D9D9D9;}
.lh-prodcutRes-hd li:before{content:''; display:block; width:100%; height:100%; position:absolute; left:0; top:0; border:2px solid #3E5D4C; z-index:1;  transition:ease .65s;}
.lh-prodcutRes-hd li.on:before{opacity:1;}
.lh-prodcutRes-hd li img{display:inline-block; width:160px; height:90px;}
.lh-prodcutRes{position:relative;}
.lh-prodcutRes .bd li{height:640px; overflow:hidden;display: flex;
    align-items: center;
    justify-content: center;}
.lh-prodcutRes-btn a{display:block; width:50px; height:50px; border-radius:50%; background:#3E5D4C; color:#F4D6A2; text-align:center; line-height:50px; position:absolute; top:295px;}
.lh-prodcutRes-btn a:hover{opacity:.8;}
.lh-prodcutRes-btn a i{font-size:24px;}
.lh-prodcutRes-btn a.prev{left:-110px;}
.lh-prodcutRes-btn a.next{right:-110px;}
.lh-productRes-h1{font-size:24px; font-weight:bold; position:relative; border-top:1px dotted #BEBEBE; padding-top:20px; margin-bottom:20px; margin-top:20px;}
.lh-productRes-h1:after{content:''; display:block; width:50px; height:2px; background:#3E5D4C; position:absolute; left:0; bottom:-10px;}
.lh-productRes-main{font-family:'Microsoft JhengHei'; line-height:28px; color:#666; padding:20px 0 0;}
.lh-productRes-main img{display:inline-block; width:auto; max-width:100%;}
.lh-guide-a{padding:50px 0;}
.lh-guide-a img{max-width:100%; display:inline-block; width:auto;}
.lh-guide-a .img{text-align:center; margin-top:30px;}
.lh-guide-b{padding:50px 0; background:#F6F6F4;}
.lh-traffic-item{margin-top:45px; margin-left:-52px;}
.lh-traffic-item li{width:33.3%; padding-left:52px;font-family:'Microsoft JhengHei';}
.lh-traffic-item li a{display:block; position:relative;border-bottom:1px solid #9CB599; font-size:18px;}
.lh-traffic-item li .img{overflow:hidden;}
.lh-traffic-item li img{transition:ease 1s;}
.lh-traffic-item li h2{height:50px; line-height:50px; padding:0 10px; overflow:hidden;}
.lh-traffic-item li h2 i{display:block; width:30px; height:30px; border-radius:50%; background:#3E5D4C; color:#F4D6A2; text-align:center; line-height:30px; margin-top:10px; float:right;  transition:ease .65s; transform:translateX(-10px);}
.lh-traffic-item li a:hover i{opacity:1;transform:translateX(0);}
.lh-traffic-item li a:hover img{transform:scale(1.2);}
.lh-guide-c{padding:50px 0;}
.lh-facilities-item{margin:40px 0 0 -30px;}
.lh-facilities-item li{width:33.3%; padding-left:30px; margin-bottom:30px;}
.lh-facilities-item li a{display:block; position:relative; overflow:hidden;}
.lh-facilities-item li:nth-child(1),.lh-facilities-item li:nth-child(2){width:50%;}
.lh-facilities-item li h2{position:absolute; left:0; top:50%; width:100%; z-index:2; text-align:center; color:#fff;font-family:'Microsoft JhengHei'; font-size:20px; height:20px; line-height:20px; margin-top:-10px;}
.lh-facilities-item li h2 span{position:relative;}
.lh-facilities-item li h2 span:before{content:''; display:block; width:36px; height:1px; position:absolute; left:-56px; top:50%; background:#fff; transition:ease .65s; transform-origin:right center;}
.lh-facilities-item li h2 span:after{content:''; display:block; width:36px; height:1px; position:absolute; right:-56px; top:50%; background:#fff;transition:ease .65s;transform-origin:left center;}
.lh-facilities-item li a:before{content:''; display:block; width:100%; height:100%; background:rgba(0,0,0,.6); position:absolute; left:0; top:0; transform:scale(1.2);  transition:ease 1s; z-index:1;}
.lh-facilities-item li a:hover:before{transform:scale(1); opacity:1;}
.lh-facilities-item li a img{transition:ease 1s;}
.lh-facilities-item li a:hover img{transform:scale(1.2);}
.lh-facilities-item li a:hover h2 span:before,.lh-facilities-item li a:hover h2 span:after{transform:scaleX(.5);}
.lh-cooper{border-top:1px dotted #BEBEBE; color:#666; line-height:30px;font-family:'Microsoft JhengHei'; margin-top:40px;}
.lh-cooper h2{font-size:20px; color:#333; padding-left:18px; height:20px; line-height:20px; border-left:4px solid #3E5D4C; margin:30px 0 20px; font-weight:bold;}
.lh-other-h.three span:after{width:31px; height:30px; background:url(../images/icon15.png) no-repeat center; right:-45px;}
.lh-newRes-h1{text-align:center; color:#333; font-size:20px; font-weight:bold; line-height:32px;}
.lh-newsRes-h2{text-align:center; margin-top:10px;}
.lh-newsRes-h2 span{margin:0 45px; color:#999;}
.lh-newsRes-s,.lh-newsRes-share{display:inline-block;}
.lh-newsRes-s em{color:#999;}
.lh-newsRes-share a{background:none !important; color:#999 !important; font-size:16px !important; width:auto !important; height:auto !important; padding:0 !important; margin:0 5px !important;}
.lh-newsRes-share a:hover{color:#b72024 !important;}
.lh-newsRes-main{padding:30px 0; margin-top:20px; border-top:1px dotted #BEBEBE; line-height:24px; color:#666;}
.lh-newsRes-main img{display:inline-block; width:auto;}
.lh-product-item li:nth-child(1),.lh-traffic-item li:nth-child(1),.lh-facilities-item li:nth-child(1){animation-delay:.1s;}
.lh-product-item li:nth-child(2,).lh-traffic-item li:nth-child(2),.lh-facilities-item li:nth-child(2){animation-delay:.2s;}
.lh-product-item li:nth-child(3),.lh-traffic-item li:nth-child(3),.lh-facilities-item li:nth-child(3){animation-delay:.3s;}
.lh-product-item li:nth-child(4),.lh-facilities-item li:nth-child(4){animation-delay:.4s;}
.lh-facilities-item li:nth-child(5){animation-delay:.5s;}
.lh-prod-item li:nth-child(2n){animation-delay:.1s;}
.lh-prod-item li:nth-child(3n){animation-delay:.2s;}



.lh-style{background: #f2f6f6;padding: 80px 0 100px;position:relative;}
.lh-style:before{content:'';display:block;width: 300px;height: 81px;position:absolute;left:0;top: 4.25vw;background:url(../images/index-a3.png) no-repeat center;/* background-size:cover; */}
.lh-style:after{content:'';display:block;width: 220px;height: 106px;position:absolute;right:0;bottom: 3.92vw;background:url(../images/index-a4.png) no-repeat center;background-size:cover;}
.lh-style1{background: #f2f6f6;padding: 50px 0 60px;position:relative;}
.lh-style1:before{content:'';display:block;width: 300px;height: 81px;position:absolute;left:0;top: 6.25vw;background:url(../images/index-a3.png) no-repeat center;/* background-size:cover; */}
.lh-style1:after{content:'';display:block;width: 220px;height: 106px;position:absolute;right:0;bottom: 3.92vw;background:url(../images/index-a4.png) no-repeat center;background-size:cover;}
.lhShow.lh-style:before,.lhShow.lh-style:after{transform:translate(0,0); opacity:1;}
.lh-style-h{width:4.84vw; height:11.97vw; background:#54be73; color:#fff;justify-content: center;display: flex; padding:0.72vw 0; position:absolute; left:8.33vw; top:-4.42vw; transform:translate(0,-100%);  transition:ease 1s; z-index:20;}
.lh-style-h h2,.lh-style-h h3{writing-mode: vertical-lr;writing-mode: tb-lr;}
.lh-style-h h2{font-size:1.875vw;}
.lh-style-h h2 span{font-weight:bold; font-size:2vw;}
.lh-style-h h3{text-transform:uppercase; font-size:0.73vw; position:relative;}
.lh-style-h h3:after{content:''; display:block; width:1.25vw; height:1.25vw; background:url(../images/index-a1.jpg) no-repeat center; background-size:cover; position:absolute; right:0; bottom:0;}
.lh-style-h:before{content:''; display:block; width:0; height:0; border-left:1px solid #EA6468; border-top:1px solid #EA6468; position:absolute; left:5%; top:2%; transition:ease 1s;}
.lh-style-h:after{content:''; display:block; width:0; height:0; border-right:1px solid #EA6468; border-bottom:1px solid #EA6468; position:absolute; right:5%; bottom:2%; transition:ease 1s;}
.lhShow.lh-style-h:before,.lhShow.lh-style-h:after{width:90%; height:96%; transition-delay:1s;}
.lh-life-h.mobile{display:none;}
.lhShow.lh-style-h{transform:translate(0,0); opacity:1;}
.lh-style-cont{width:66.87vw; margin:3.12vw auto; position:relative;}
.lh-style-bd li .img{float:left; width:35.4vw; border:0.26vw solid #fff;}
.lh-style-bd li .text{float:left; margin-left:3.48vw; width:24.58vw; margin-top:1vw;}
.lh-style-bd li .text h2 a{font-size:1.66vw; color:#333; font-weight:bold; display:inline-block;}
.lh-style-bd li .text h3{font-size:16px; color:#54be73; text-transform:uppercase; position:relative; margin-bottom:3.12vw;}
.lh-style-bd li .text h3:after{content:''; display:block; width:40px; height:1px; background:#54be73; position:absolute; left:0; bottom:-1.3vw;}
.lh-style-bd li .text .res{line-height:25px; color:#666; height:75px; overflow:hidden;}
.lh-more{font-size:16px; color:#54be73; display:inline-block; margin-top:2vw;}
.lh-more i{display:inline-block; width:20px; height:20px; background:#54be73; color:#fff; border-radius:50%; text-align:center; line-height:20px; margin-left:10px; transition:ease .65s;}
.lh-more:hover i{transform:translateX(10px);}
.lh-style-a{position:absolute; left:38.87vw; bottom:0;}
.lh-style-a a{float:left; width:40px; height:40px; border-radius:50%; display:block; background:#54be73; text-align:center; line-height:40px; color:#fff; font-size:24px;}
.lh-style-a .hd{float:left; margin:0 7px 0;}
.lh-style-a .hd li{float:left;margin:0 7px;line-height:40px; cursor:pointer; position:relative; transition:ease .65s;}
.lh-style-a .hd li.on{color:#54be73;}
.lh-style-cont:before{content:''; display:block; width:54.16vw; height:28.64vw; position:absolute; right:0; top:-2.96vw; border:0.2vw solid #54be73;}
.lh-style-bd li .img:hover{transform:translate(20px,0);}
.lh-style-bd li .text h2 a:hover{color:#54be73; transform:translateX(10px);}
.lh-style .bg:before{content:'';/* display:block; */width: 260px;height: 41px;background:url(../images/index-b3.png) no-repeat center;background-size:cover;position:absolute;left: 22.31vw;bottom: 3.5vw;}
.lh-style .bg:after{/* content:''; */display:block;width:19vw;height:11.66vw;/* background:url(../images/index-a5.png) no-repeat center; */background-size:cover;position:absolute;left:0;bottom:-7vw;animation:bird linear 2s infinite;}
.lh-artist{position:relative; padding:7.29vw 0 0 0;}



.ind_small_ban{width:100%;height:auto;overflow:hidden;margin: 3px 0;}
.ind_small_ban ul li{ width:49.8%; float:left; margin-bottom:0px; margin:0 0.1%; position:relative; text-align:center; overflow:hidden; position:relative; transition:all .3s ease}


.ind_small_ban ul li img{transition:all .3s ease}
.ind_small_ban ul li:hover img{transform:translate(0,-7px) scale(1.05); }

.ind_small_ban p{position:absolute;top: 46%;color:#fff;display:block;width:100%;font-size:16px;}
.ind_small_ban span{ position:absolute; bottom:28px; color:#fff; font-size:12px; display:block; width:100%;opacity:1}

.nav_bottom_by{
	display: inline-block;
	font-size: 14px;
}
.nav_bottom_copy{
	display: inline-block;
	float: right;
}

.ct22{ padding-left:40px !important;}
.ds11{ font-size:24px; color:#54be73; margin-bottom:15px;}


  .develop {
        padding: 78px 0;
        width: 100%;
    }



    .develop ul {
        width: 100%
    }

    .develop li {
        width: 23%;
        float: left;
        background: #fff;
        margin-left: 1%;
        margin-right: 1%;
        transition: box-shadow .3s;
    }

    .develop li:first-child {
    }

    .develop li .pic {
        width: 100%;
        margin-bottom: 0;
    }

    .develop li img {
        width: 100%;
        transition: transform .3s
    }

    .develop li .con {
        width: 100%;
        padding: 25px 8%;
        min-height: 230px;
        display: block;
    }

    .develop li h3 {
        font-size: 22px;
        color: #54be73;
        line-height: 40px;
        margin-bottom: 10px;
    }

    .develop li p.font {
        font-size: 14px;
        color: #4d4d4d;
        line-height: 2;
    }


@media (max-width: 1024px){
.ind_small_ban ul li{ width:100%; float:left; margin-bottom:3px;}	
.lh-about:before{ display:none;}
.lh-about:after{display:none;}
.lh-about1:before{ display:none;}
.lh-about1:after{display:none;}
.ct22{ padding-left:20px !important;}
 .develop li {
        width: 48%;
        float: left;
        background: #fff;
        margin-left: 1%;
        margin-right: 1%;
        transition: box-shadow .3s;
		margin-bottom:10px;
    }

.develop li .con {
        min-height: 200px;
    }
	
}

@media (max-width: 767px){
 .develop li {
        width: 100%;
        float: left;
        background: #fff;
        margin-left: 0;
        margin-right: 0;
		margin-bottom:10px;
        transition: box-shadow .3s;
    }
.develop li .con {
        min-height: 130px;
    }
.lh-about{padding: 40px 0 50px;}
.lh-about1{padding: 40px 0 50px;}
.lh-style{padding: 40px 0 50px;}
.nav_bottom_by{
	display: block;
	float:none;
	font-size: 14px;
	text-align:center;
}
.nav_bottom_copy{
	display: block;
	float: none;
	text-align:center;
}
.ct22{ padding-left:0 !important;}
.ds11{ text-align:center;}
}


